<template>
    <div style="height: 100%;width: 100%;margin: auto;margin-top: 10px;">
        <div style="height: 30%;width: 90%;margin: auto;margin-top: 10px;background-color: ghostwhite;">

            <modal>
                <iframe :src="访问路径" style="width: 99%; height: 99%;"></iframe>
            </modal>
        </div>
        <div style="height: 60%;width: 90%;margin: auto; margin-top: 10px;background-color:aliceblue">
            <el-scrollbar height="99%">
                <el-input v-model="代码" :autosize="{ minRows: 5, maxRows: 50 }" type="textarea" placeholder="代码展示" />
            </el-scrollbar>
        </div>
    </div>
</template>
<script setup>
import { ref, reactive, getCurrentInstance, watch } from 'vue'
const { proxy } = getCurrentInstance();
const API = proxy.API
//const 父传事件 = defineEmits(['update:modelValue', '获取处方目录', '打开问询结果网页']) //父组件 获取传的方法啥的 
//dates('update:modelValue', false)  dates('打开问询结果网页', 网页地址.value) 调用方法

const 代码 = ref('')
const 访问路径 = ref('')
//父组件 绑定的属性  获取绑定变量
const prpos = defineProps({
    访问路径: "",
    代码: "",
    组件名:""
})

watch(() => prpos.代码, () => {
    if (prpos.代码 != null) {
        代码.value = prpos.代码
    }

}, { deep: true, immediate: true })

watch(() => prpos.访问路径, () => {
    if (prpos.访问路径 != null) {
        访问路径.value = prpos.访问路径
    }

 }, { deep: true, immediate: true })
 
 const 获取组件=async(组件名)=>{
    let data = await API.获取组件(组件名)
    if(data.err =='ok'){
        代码.value=data.msg
    }

}


 watch(() => prpos.组件名, () => {
    if (prpos.组件名 != null) {
        获取组件(prpos.组件名)
    }

 }, { deep: true, immediate: true })






</script>